@extends('Home.common.header')

<br/><br/>

<div role="listbox" class="carousel-inner">
	
	<!-- 背景图片 -->
	<div class="item active" style="width:350px;margin-left:185px;margin-top:5px;float:left;">
		<img src="{{ asset('/images/login/bg.jpg') }}">
	</div>

	<!-- 注册块 -->
	<div class="biaodan" style="width:450px;margin-left:220px;float:left;margin-top:35px;">
		
		<!-- 头像图片 -->
		<img class="logo" style="width:80px;height:80px;margin-bottom:20px;" src="{{ asset('/images/login/head.jpg') }}" >
		
		<!-- 显示错误信息 -->
		<div style='width:200px;margin-left:120px;font-size:17px;height:50px;margin-top:-50px;color:red;' id="show_div" >{{ session('info') }}</div>
		
		<!-- 表单 -->
		<form class="form-horizontal" action="{{ url('/doReg') }}" method='post'>
			
			{{ csrf_field() }}
			
			<div class="form-group" style="margin-bottom:15px;">
				<div class="col-sm-4">
					<input type="text" name="name" class="form-control" style="width:300px;height:46px;" value="{{ old('name') }}" placeholder="用户名">
				</div>
			</div>
			
			<div class="form-group" style="margin-bottom:15px;">
				<div class="col-sm-4">
					<input type="text" name="phone" class="form-control" style="width:300px;height:46px;" value="{{ old('phone') }}" placeholder="手机号">
				</div>
			</div>
		  
			<div class="form-group" style="margin-bottom:15px;">
				<div class="col-sm-4">
					<input type="password" name="pass" class="form-control" style="width:300px;height:46px;" placeholder="密码">
				</div>
			</div>
		  
			<div class="form-group" style="margin-bottom:15px;">
				<div class="col-sm-4">
					<input type="password" name="repass" class="form-control" style="width:300px;height:46px;" placeholder="确认密码">
				</div>
			</div>
		 
		    <input type="submit" class="btn btn-danger btn-lg" style="width:300px;height:43px;" value='注册'>
		    <br />
		    <br />
			
			<div style="position: relative;left:240px;"><a href="{{ url('/login') }}">马上登录</a></div>
			
		</form>
	</div>
</div>

<!-- 引入jq -->
<script type="text/javascript" src="{{ asset('./js/jquery-1.8.3.min.js') }}"></script>
<script>
	$(function(){
		// 显示错误信息
		if( $("#show_div").html().length > 0 )
		{
			$("#show_div").delay(1500).fadeOut(500);
		}
	});
</script>

@extends('Home.common.footer')